<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      >
<h:head>
		<title>详情页面</title>
		<meta http-equiv="Content-Type" content="text/xhtml; charset=utf-8"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link href="css/bootstrap.min.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
</h:head>
<h:body>
        <div class="container">
		<div class="row">
			<div class="col-xs-12">
				<p></p>
				<ol class="breadcrumb">
					<li><h:outputLink value="index_cms.xhtml"><b>首页</b></h:outputLink></li>
					<li class="active"><b>居委会信息</b></li>
				</ol>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<p>
					<b><h4>居委会新闻</h4></b>
				</p>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<div class="panel panel-default">
				<h:form id="end">
					<div class="panel-body">
						<c:forEach items="#{cmsJWHAccessBean.baseResponse.dataList}" var="var" varStatus="status">
							<div class="col-xs-4" style="padding: 5px;">
								
								<h:link outcome="page/juweihuimessage/jvweihui_detail.xhtml" class="thumbnail">
									<img
									src="#{cmsJWHAccessBean.baseResponse.smallPicURL}#{var.smallpic}" />
									<div class="caption" style="padding: 0px; min-height: 40px; max-height: 40px;">
										<label><h:outputText value="#{var.title}"></h:outputText></label>
									</div>
									<f:param name="picUrl" value="#{cmsJWHAccessBean.baseResponse.smallPicURL}#{var.smallpic}" ></f:param>
									<f:param name="url" value="page/juweihuimessage/jvweihui_detail.xhtml?id=#{var.id}"></f:param>
									<f:param name="title" value="#{var.title}"></f:param>
									<f:param name="id" value="#{var.id}"></f:param>
								</h:link>
							</div>
						</c:forEach>
					</div>
				</h:form>
					<h:form>
						<div>
							<div style="text-align: center;">
							  <ul class="pagination">
								<li><h:commandLink action="#{cmsPageBean.trunPre}" value="上一页">
									<f:ajax render="end"></f:ajax>
								</h:commandLink></li>
							  	<c:forEach var="i" begin="1" end="#{cmsJWHAccessBean.baseResponse.totalPage}" step="1">
							  		<li><a href="#">#{i}</a></li>
								</c:forEach>
							    <li><h:commandLink action="#{cmsPageBean.trunNext}" value="下一页">
							    	<f:ajax render="end"></f:ajax>
							    </h:commandLink></li>
							  </ul>
							</div> 
						</div>
					</h:form>
				</div>
			</div>
		</div>
	</div>
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="js/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="js/bootstrap.min.js"></script>
	<script src="js/util.js"></script>
    </h:body>
</html>